<template>
  <a-layout class="w-full h-full">
    <Header />
    <a-layout-content>
      <a-layout class="h-full">
        <Menu class="top-0 left-0 h-full z-50" :class="appStore.MENU_OPEN ? '!relative' : '!fixed pt-10'" :style="{ boxShadow: '5px 0 10px -5px #00000020' }" />
        <a-layout-content class="m-2" :class="appStore.MENU_OPEN ? '' : 'pl-20'"> <router-view /> </a-layout-content>
      </a-layout>
    </a-layout-content>
  </a-layout>
</template>
<script setup>
import useAppStore from '@/store/app'
import Header from './Header.vue'
import Menu from './Menu.vue'

const appStore = useAppStore()
</script>
